@charset "utf-8";
/* CSS Document */


.main{z-index:5;}

.site_main{width:100%; height:100%; min-height:800px;background-size:cover; background-image:url(../images/bg1.jpg); background-position:center center; background-repeat:no-repeat;}
.site_main .box{ padding-bottom:35px;}
/*
.site_main{
 background-image:url(../images/bg1.jpg),url(../images/bg2.jpg),url(../images/bg3.jpg),url(../images/bg4.jpg);
 -webkit-animation:bg_animate 5s ease-in-out infinite;
 animation:bg_animate 5s ease-in-out infinite;
 -moz-animation:bg_animate 5s ease-in-out infinite;
 -o-animation:bg_animate 5s ease-in-out infinite; 
 }
*/

/* 导航 */
.cont{height:320px;}
.site_link{width:155px; position:relative; float:left; background:#fff; display:inline-block;}
.site_link h3{position:absolute; width:155px; height:32px; top:-32px; left:0; background:#ff6101; color:#fff; line-height:32px; font-size:16px; text-align:center;}
.link_info .dd{width:155px; height:39px; padding:20px 0; border-bottom:1px solid #eaeaea; position:relative; background:#fff;
-webkit-transition:background .3s ease-in-out;
-moz-transition:background .3s ease-in-out;
-o-transition:background .3s ease-in-out;
}
.link_info .dd:hover{background:#f0f0f0;}
.link_info .dd p{text-align:center; display:block; height:20px; line-height:20px; background:url(../images/link_ico.png) no-repeat;}
.link_info .dd p a{ color:#ff6101; font-size:15px;}
.link_info .dd p.d1{ background-position:38px 3px;}
.link_info .dd p.d2{ background-position:38px -28px;}
.link_info .dd p.d3{ background-position:38px -65px;}
.link_info .dd p.d4{ background-position:38px -100px;}
.link_info .dd p.d5{ background-position:38px -135px;}
.link_info .dd p.d6{ background-position:38px -173px;}
.link_info .dd p.d7{ background-position:38px -207px;}
.link_info .dd p.d8{ background-position:38px -240px;}
.borderBox{ width:0; height:0; display:block; border-width:19px; border-color:transparent #f0f0f0 #f0f0f0 transparent ; border-style:dashed solid solid dashed;}
.link_info .borderBox{position:absolute; right:0; bottom:0; z-index:0;}


/* 幻灯 */
#focus {width:810px; height:320px; overflow:hidden; position:relative; display:inline-block; float:left;}
#focus ul {height:320px; position:absolute;}
#focus ul li {float:left; width:810px; height:320px; overflow:hidden; position:relative; background:#fff;}
#focus ul li a{display:block;}
#focus ul li img{width:810px; height:320px;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:810px; height:26px; left:0; bottom:0; background:#000;}
#focus .btn {position:absolute; width:790px; height:18px; padding:5px 10px; right:0; bottom:0; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}
#focus .preNext {width:45px; height:100px; position:absolute; top:100px; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}

/* 个人信息 */
.site_user{float:left; width:235px; background:#fff; height:320px;}
.uearMain{ padding:30px;}
.portrait{width:92px; height:92px; overflow:hidden; border-radius:48px; text-align:center; margin:0 auto; border:4px solid #fff; box-shadow:0 0 0px #fff;}
.portrait a{display:block; border-radius:48px;overflow:hidden; }
.portrait img{opacity:1; border-radius:48px;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
}
.portrait:hover img{opacity:0.85; border-radius:48px;}
.portrait:hover{border-radius:48px; overflow:hidden;
animation:shadow 2s ease-in-out infinite;
-webkit-animation:shadow 2s ease-in-out infinite;
-moz-animation:shadow 2s ease-in-out infinite;
-o-animation:shadow 2s ease-in-out infinite;
}
.userName{height:38px; line-height:32px; font-size:18px; color:#333; text-align:center;}
.userInfo{position:relative; height:48px;}
.userInfo div{width:50%; text-align:center; cursor:default;}
.userInfo b{color:#000; text-align:center; display:block; height:30px; line-height:27px; font-size:25px; font-family:arial;}
.userInfo span{display:block; height:20px; line-height:20px; color:#5e5e5e;}
.userInfo .line{position:absolute; width:1px; height:36px; background:#c5c5c5; left:50%; top:8px;}
.but_shopping{ display:block; padding:12px 15px 12px 35px; background:#ff6101 url(../images/gwc.png) no-repeat 30px center; border-radius:0; text-align:center; color:#fff; margin:0 auto; margin-top:20px; font-size:14px; letter-spacing:1px;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
}
.but_shopping:hover{background-color:#e45600; border-radius:6px; color:#fff; text-decoration:none;}



/* 业务 */
.site_business{margin-top:50px;}
.site_business li{float:left; display:block; margin:0 58px 35px 1px; opacity:1; box-shadow:0; }
.site_business li:hover{-webkit-box-reflect: below 0 -webkit-linear-gradient(transparent,transparent 80%,rgba(255,255,255,.3));}
.site_business li a{display:block; text-align:center; background-size:cover; position:relative; width:360px; height:228px; overflow:hidden; border-radius:0; overflow:hidden;
-transition:box-shadow .6s ease-in-out;
-webkit-transition:box-shadow .6s ease-in-out;
-moz-transition:box-shadow .6s ease-in-out;
-o-transition:box-shadow .6s ease-in-out;
}
.site_business li a:hover{box-shadow:0 0 3px 1px #fff;}
/*
.site_business li.recharge a{background:url(../images/77_cz.jpg) no-repeat center center;}
.site_business li.seckill a{background:url(../images/77_dy.jpg) no-repeat center center;}
.site_business li.transportation a{background:url(../images/77_ms.jpg) no-repeat center center;}
.site_business li.mogujie a{background:url(../images/77_mgj.jpg) no-repeat center center;}
.site_business li.jingdong a{background:url(../images/77_jd.jpg) no-repeat center center;}
.site_business li.taobao a{background:url(../images/77_tb.jpg) no-repeat center center;}
*/
.site_business li .light{position:absolute; z-index:9; width:400px; height:128px; background:rgba(255,255,255,.1); left:-350px; bottom:80px;}
.site_business li .light{
-webkit-transform:rotate(120deg);
-moz-transform:rotate(120deg);
-o-transform:rotate(120deg);
transform:rotate(120deg);
background:-webkit-linear-gradient(top,rgba(255,255,255,0.3),rgba(255,255,255,0));
background:-o-linear-gradient(top,rgba(255,255,255,0.3),rgba(255,255,255,0));
background:-moz-linear-gradient(top,rgba(255,255,255,0.3),rgba(255,255,255,0));
background:linear-gradient(top,rgba(255,255,255,0.3),rgba(255,255,255,0));
-webkit-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
}

.site_business li a:hover .light{
animation:light .4s ease-in-out;
-webkit-animation:light .4s ease-in-out;
-moz-animation:light .4s ease-in-out;
-o-animation:light .4s ease-in-out;
}




.site_fuwu{padding:30px 65px; margin-top:35px; background:#fff;}
.site_fuwu .hl{float:left; padding-left:43px; background:url(../images/hl.png) no-repeat left center; height:52px; line-height:52px; font-size:21px; color:#000; margin-right:30px;}
.site_fuwu .hl b{color:#ff6101;}
.site_fuwu .dd{float:left; height:52px; padding-left:58px; margin-left:175px; cursor:default; position:relative; width:175px; word-wrap:break-word;}
.site_fuwu .dd h4{height:26px; line-height:28px; color:#000; font-size:16px;}
.site_fuwu .dd p{height:26px; line-height:24px; color:#585858; font-size:16px;}
.site_fuwu .pzbz{background:url(../images/you.png) no-repeat left center; margin-left:20px;}
.site_fuwu .tsfwty{background:url(../images/te.png) no-repeat left center;}
.site_fuwu .bzzx{background:url(../images/fu.png) no-repeat left center;}
.site_fuwu .dd em{width:1px; display:block; position:absolute; height:40px; right:-90px; top:10px; background:#979797;}


























